.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
*{
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "微软雅黑";
}
body,html{
    width: 100%;
    height: 100%;
    background: #efefef;
    color: #565656;
}
.font-size(@w){
    .px2rem(font-size,@w);
}
.line-height(@w){
    .px2rem(line-height,@w)
}
.padding-top(@w) {
   .px2rem(padding-top,@w)
}
.padding-bottom(@w) {
    .px2rem(padding-bottom,@w)
}
.padding-left(@w) {
    .px2rem(padding-left,@w)
}
.padding-right(@w) {
    .px2rem(padding-right,@w);
}
.margin-top(@w) {
    .px2rem(margin-top,@w);
}
.margin-bottom(@w) {
    .px2rem(margin-bottom,@w);
}
.margin-left(@w) {
    .px2rem(margin-left,@w);
}
.margin-right(@w) {
    .px2rem(margin-right,@w);
}
.font-weight-bold{
    font-weight: bold;
}
.margin-0-auto{
    margin: 0 auto;
}
.height(@w){
    .px2rem(height,@w);
}
.width(@w){
    .px2rem(width,@w);
}
.top(@w){
    .px2rem(top,@w);
}
.bottom(@w){
    .px2rem(bottom,@w);
}
.border-radius(@w){
    .px2rem(border-radius,@w);
}
.display-flex{
    display: flex;
    display: -webkit-flex;
}
.header{
    width: 100%;
    .height(110);
    position: fixed;
    top: 0;
    left: 0;
    background: red;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .font-size(35);
    background:#fff;
    color: #ee6b04;
    img{
        .width(39);
    }
    div:nth-child(2){
        width: 60%;
        text-align: center;
    }
}
.nav{
    width: 100%;
    .height(90);
    .margin-top(110);
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    dl{
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        .height(44);
        .font-size(32);
        border-right: 1px solid #ccc;
        dt{
            .padding-left(5);
            .padding-bottom(3);
        }
    }
    dl:nth-child(4){
        border:none;
    }
    img{
        .width(24);
    }
}
.main{
    width: 100%;
    dl{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        .margin-bottom(22);
        background: #fff;
        dd{
            width: 90%;
            .height(75);
            .line-height(75);
            .font-size(30);
            color: #565656;
        }
        dd:first-child{

            ul{
                width: 100%;
                display: flex;
                align-items: center;
                img{
                    .width(37);
                }
                li{
                    display: flex;
                    align-items: center;
                    .font-size(22)
                }
                li:not(:first-child){
                    .margin-left(18);
                }
                .zhu{
                    .height(36);
                    .padding-left(5);
                    .padding-right(5);
                    background: #ff7275;
                    .border-radius(5);
                    color: #fff;
                    border: 1px solid red;
                }
            }
        }
        dt{
            width: 90%;
            img{
                width: 100%;
            }
        }
        dd:last-child{
            width: 90%;
            display: flex;
            justify-content: space-between;
            span:last-child{
                color: #ff6700;
                font-weight: bold;
            }
        }
    }
}
.box{
    white-space: inherit;
}